{% extends "dashboard/base.html" %}
{% load static %}
{% block title %}Task Log{% endblock %}

{% block body %}
<link rel="stylesheet" href="{% static 'css/prism.css' %}">
<div class="row">
    <div class="col-xs-12">
    <div class="box box-warning">
    <div class="box-header with-border">
      <h3 class="box-title">Task Setting</h3>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <!-- text input -->
        <div class="form-group">

          <label>Task Name:</label>
          <div class="checkbox" id="rule">
            {{ task.task_name }}
          </div>
        </div>
        <div class="form-group">
          <label>Parameter Config:</label>
          <textarea class="form-control" rows="3" placeholder="Some details about task" name="parameter_config" disabled>{{ task.parameter_config }}</textarea>
        </div>
        <!-- checkbox -->
    </div>
    </div>

      <div class="box">
        <div class="box-header">
            <h3 class="box-title">Debug log<small> {{ task.task_name }}</small></h3>
        </div>
        <!-- /.box-header -->
        <div class="box box-solid">
            <!-- /.box-header -->
            <div class="box-body">
<pre class="language-python line-numbers">
<code class="language-python">
{{ debuglog_content }}
</code>
</pre>
            </div>
            <!-- /.box-body -->
          </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    </div>
    </div>
{% endblock %}

{% block script %}

<script src="{% static 'js/prism.js' %}"></script>

<script>
      $(document).ready(function () {
          $("#dashboard").removeClass("active menu-open");
          $("#dashboard").find("ul li").removeClass("active");
          $("#tasks").addClass("menu-open");
          $("#tasks").find("ul").find("li#task_list").addClass("active");
          $("#tasks").find("ul").css("display","block");
      });
</script>


{% endblock %}